<div>
	<table text="#FFFFFF" bgcolor="#006088" border="0" cellpadding="0" cellspacing="0" width="350">
  		<tbody>
    		<tr>
 	   			<td height="8" width="8"><img src="images/UL.png" alt="" border="0"></td>
 	   			<td width="100%"><img src="images/UPPER.png" height="8" width="100%"></td>
 	   			<td><img src="images/UR.png" alt="" border="0" height="8" width="8"></td>
 	   		</tr>
 	   		<tr>
 	     		<td background="images/LEFT.png" width="8">&nbsp;</td>
    	  		<td width="100%">
      				<table width="350">
    	   					<tbody>
	  		    				<tr>
	  		    					<td>
  									<% for djinn in @djinns.select{|e| e.element==1} %>
										<span id="djinn_<%= djinn.id %>" class="selectable"><img src="images/icons/<%=djinn.element%>.gif">&nbsp;<%=h djinn.name %></span><br>
										<%= draggable_element "djinn_#{djinn.id}", :revert => true %>
									<% end %>
									</td>
									<td>
    	  		     				<% for djinn in @djinns.select{|f| f.element==2} %>
										<span id="djinn_<%= djinn.id %>" class="selectable"><img src="images/icons/<%=djinn.element%>.gif">&nbsp;<%=h djinn.name %></span><br>
										<%= draggable_element "djinn_#{djinn.id}", :revert => true %>
									<% end %>
									</td>
										  		    					<td>
    	  		     				<% for djinn in @djinns.select{|wi| wi.element==3} %>
										<span id="djinn_<%= djinn.id %>" class="selectable"><img src="images/icons/<%=djinn.element%>.gif">&nbsp;<%=h djinn.name %></span><br>
										<%= draggable_element "djinn_#{djinn.id}", :revert => true %>
									<% end %>
									</td>
										  		    					<td>
    	  		     				<% for djinn in @djinns.select{|wa| wa.element==4} %>
										<span id="djinn_<%= djinn.id %>" class="selectable"><img src="images/icons/<%=djinn.element%>.gif">&nbsp;<%=h djinn.name %></span><br>
										<%= draggable_element "djinn_#{djinn.id}", :revert => true %>
									<% end %>
									</td>
          						</tr>
       						</tbody>
      				</table>
						</td>
   						<td background="images/RIGHT.png">&nbsp;</td>
    				</tr>
					<tr>
      					<td height="8" valign="top" width="8"><img src="images/LL.png" alt="" border="0"></td>
      					<td width="100%"><img src="images/LOWER.png" height="8" width="100%"></td>
      					<td valign="top"><img src="images/LR.png" alt="" border="0" height="8" width="8"></td>
    				</tr>
  				</tbody>
			</table>
		</div>
